.hole-div{
    width: 80%;
    height: 100%;
    display: grid;
    grid-template-rows: 10fr 85fr 5fr;
    margin: 10%;
    border: 1px solid black;
}
.mid-login{
    display: flex;
    flex-direction: column;
}
.mid-login-top{
    height: 20%;
    display: grid;
    grid-template-rows: repeat(2,auto);
    border-bottom: 1px solid black;
}
.top{
    margin-top: 1%;
}
.mid-login-top-span-text{
    display: inline-block;
    width: 15%;
    height: 100%;
}
.mid-login-top-input{
    width: 75%;
    height: 70%;
}
.mid-login-click{
    width: 100%;
    height: 30%;
    display: grid;
    grid-template-rows: repeat(2,auto);
}
.mid-login-click-login{
    display: flex;
    align-items: center;
    justify-content: center;
}
.mid-login-click-login-submit{
    border-radius: 10px;
    width: 60%;
    height: 70%;
    background-color: rgb(54, 201, 113);
}
.bgc{
    background-color: rgb(237, 237, 237);
}